<template>
  <div class="banner">
    <img class="banner-img" :src="option.imgUrl">
  </div>
</template>

<script>
export default {
  name: 'banner',
  props: {
    option: Object
  },
}
</script>

<style scoped lang="scss">
  $phone-width: 450px;
  .banner {
    width: 100%;
    &-img {
      width: 100%;
      height: 100%;
    }
  }
  @media screen and (max-width: $phone-width) {
    .banner {
      &-img {
        min-height: 200px;
      }
    }
  }
</style>
